﻿{extend name="/public/base" /}
{block name="title"}后台管理-管理员管理{/block}

{block name="main"}
<section class="Hui-article-box">
	<nav class="breadcrumb">
		<i class="Hui-iconfont">&#xe67f;</i> 首页
		<span class="c-gray en">&gt;</span> 管理员管理
		<span class="c-gray en">&gt;</span> 角色管理
		<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" >
			<i class="Hui-iconfont">&#xe68f;</i>
		</a>
	</nav>
	<div class="Hui-article">
		<article class="cl pd-20">
			<div class="cl pd-5 bg-1 bk-gray">
				<span class="l">
					<a href="javascript:;" onclick="datadel()" class="btn btn-danger radius">
						<i class="Hui-iconfont">&#xe6e2;</i> 批量删除
					</a>
					<a class="btn btn-primary radius" href="javascript:;" onclick="admin_role_add('添加角色','{:url('role/create')}','800')">
						<i class="Hui-iconfont">&#xe600;</i> 添加用户组
					</a>
				</span>
				<span class="r">共有数据：<strong>{$count}</strong> 条</span>
			</div>
			<div class="mt-10">
				<table class="table table-border table-bordered table-hover table-bg">
					<thead>
						<tr class="text-c">
							<th width="25"><input type="checkbox" value="" name=""></th>
							<th width="40">ID</th>
							<th width="200">用户组名</th>
							<th width="300">描述</th>
							<th width="70">操作</th>
						</tr>
					</thead>
					<tbody>
					{volist name="roleList" id="item"}
						<tr class="text-c">
							<td><input type="checkbox" value="{$item.id}" name="ids"></td>
							<td>{$item.id}</td>
							<td>{$item.name}</td>
							<td>{$item.comments}</td>
							<td class="f-14">
								<a title="编辑" href="javascript:;" onclick="admin_role_edit('用户组编辑','{:url('role/edit', ['id' => $item.id])}','{$item.id}')" style="text-decoration:none">
									<i class="Hui-iconfont">&#xe6df;</i>
								</a>
								<a title="删除" href="javascript:;" onclick="admin_role_del(this,'{$item.id}')" class="ml-5" style="text-decoration:none">
									<i class="Hui-iconfont">&#xe6e2;</i>
								</a>
							</td>
						</tr>
					{/volist}
					</tbody>
				</table>
			</div>
		</article>
	</div>
</section>
{/block}


{block name="_footer"}
<!--请在下方写此页面业务相关的脚本-->
{js href="/static/backend/lib/My97DatePicker/4.8/WdatePicker.js" /}
{js href="/static/backend/lib/datatables/1.10.0/jquery.dataTables.min.js" /}
{js href="/static/backend/lib/laypage/1.2/laypage.js" /}
<script type="text/javascript">
/*管理员-角色-添加*/
function admin_role_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*管理员-角色-编辑*/
function admin_role_edit(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*管理员-角色-删除*/
function admin_role_del(obj,id){
	layer.confirm('角色删除须谨慎，确认要删除吗？',function(index){
		//此处请求后台程序，下方是成功后的前台处理……
		
		
		$(obj).parents("tr").remove();
		layer.msg('已删除!',{icon:1,time:1000});
	});
}
</script>
{/block}